/* 主要的中间布局 */
.home{
    width: 100%;
    height: 460px;
    position: relative;
}
/* 让导航条和图片居中的容器 */
.home-container{
    width: 1226px;
    height: 460px;
    margin: 0 auto;
    position: relative;
}
/* 左边的导航 */
.left-nav{
    width: 234px;
    height: 460px ;
    background-color:rgba(0,0,0,.3);
    z-index: 2;
    position: absolute; 
}
/* 让导航条上下由边距 */
.home-ul{
    padding: 20px 0; 
}
/* 左边导航条间距 */
.home-ul>li{
    display:block;
    line-height: 43px;
}

.home-ul>li:hover{
    background-color: #ff6700;
}

/* 设置图片的位置等 */
.big-img img{
    width: 1226px;
    height: 460px;
    vertical-align: top;
    position: absolute;
}
/* 设置导航条 */
.home-ul a,i{ 
    text-decoration: none;
    font-size: 16px;
    color: #FFF;
    margin-left: 20px;
}
/* 设置箭头 */
.home-ul i{
    display: block;
    margin-right: 25px;
    float:right; 
}
.btn .iconfont{
    display: block;
    position: absolute;
    font-size: 35px;
    width: 41px;
    height: 69px;
    z-index: 20;
    background-color:rgba(0,0,0,.0);
    color: rgba(0,0,0,.1);
    top: 50%;
    margin-top: -35px;
      
}
.btn .iconfont:hover{
    background-color:rgba(0,0,0,.5);
    color: #fff;
}
.big-left{
    left: 214px;
    line-height: 69px;
}
.big-right{
    right: 0;  
    line-height: 69px;   
}

.dot{  
    
    position: absolute;
    z-index: 9999;
    right: 47px;
    bottom: 34px;
    
}

/* 小点点的设置 */
.dot a{
   
    width: 12px;
    height: 12px;
    float: left;
    margin-left: 10px;
    border-radius: 50%;
    background-color: rgba(0,0,0,.4);
    border: 2px solid transparent;
    background-clip: content-box;
}
.dot .the,.dot a:hover{
    background-color: #FFF;
    border: 2px solid  rgba(0,0,0,.2);
    
}

